
$(function(){

  // 总页数
  let Total = 1;
  // 查询参数
  let QueryObj = {
    query: '', // 查询字符串
    pagesize: 10,  // 页面显示数据量
    cid: $.getUrl('cid'), // 商品分类id
    pagenum: 1, // 请求页码
  }
  // 初始化
  init();

  /**
   * 初始化
   */
  function init(){

    // 根据cat_id获取品牌列表
    // getGoodsListByCid(function(html){
    //   $('.goods_wrap').html(html);
    // });

    // 初始化上拉加载、下拉刷新
    initRefresh();

    // 绑定事件
    bindEventList();
  }


  /**
   * 初始化上啦加载，下拉刷新
   */
  function initRefresh(){
    
    mui.init({
      pullRefresh : {
        // 容器
        container:"#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
        down : {
          auto: true,//可选,默认false.首次加载自动下拉刷新一次
          //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
          callback: function(){
            QueryObj.pagenum = 1;
            getGoodsListByCid(function(html){
              // 使用传回的html渲染页面
              $('.goods_wrap').html(html);
              mui("#refreshContainer").pullRefresh().endPulldownToRefresh();
              // 重置组件
              mui('#refreshContainer').pullRefresh().refresh(true);
              
            });
          } 
        },
        up: {
          callback: function(){
            if(QueryObj.pagenum >= Total){
              
              // 没有下一页了
              mui('#refreshContainer').pullRefresh().endPullupToRefresh(true);
            }else{
              // 有下一页
              QueryObj.pagenum++;
              getGoodsListByCid(function(html){
                // 使用传回的html渲染页面
                $('.goods_wrap').append(html);
                mui("#refreshContainer").pullRefresh().endPullupToRefresh();
                
              });
            }
          }
        }

      }
    });

  }



  /**
   * 根据cid获取列表数据
   */
  function getGoodsListByCid(cb){
    
    $.get("goods/search", QueryObj, (res)=> {
      console.log(res);
      if(res.meta.status === 200){
        Total = Math.ceil(res.data.total / QueryObj.pagesize);
        // console.log('pagesize', Total);
        let html = template('goodsTpl', {arr:res.data.goods});
        
        // $('.goods_wrap').html(html);
        cb(html);
      }
    });

    
  }
  

  /**
   * 
   * 绑定事件, 因mui禁用了 a 标签的默认跳转行为，故需要重新绑定点击事件
   */
  function bindEventList(){
    $('.goods_wrap').on('tap', 'a', function(){
      location.href = this.href;
    });
  }

})